<template>
  <transition name='slide-up'>
    <LockScreenPage />
  </transition>
</template>

<script>


import LockScreenPage from "@/components/LockScreen/lock-screen-page"

export default {
  name: "LockScreen",
  components: { LockScreenPage },
  props: {
    showLock:{
      type:Boolean,
      default:false
    }
  },
  data() {
    return {
      isLock: false
    }
  },
  watch: {},
  created() {

  },
  methods: {}
}


</script>

<style lang='less' scoped>
.slide-up-enter-active {
  animation: slide-up 0.5s;
}

.slide-up-leave-active {
  animation: slide-up 0.5s reverse;
}

@keyframes slide-up {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
</style>
